<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>已阅</title>
    <link rel="stylesheet" type="text/css" href="chrome.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="chrome.js" charset="UTF-8"></script>
    <script type="text/javascript" src="less.min.js"></script>
    <script type="text/javascript" src="bootstrap.min.js"></script>
    <script type="text/javascript" src="jquery.tagsinput.js"></script>

    <style type="text/css">
      body {
        width: 320px;
      }
    </style>
  </head>
  <body>
    <ul class="nav nav-tabs" id="tabs">
      <li id="newTab" class="active">
        <a href="#tab1">新建书签</a>
      </li>
      <li id="homeTab">
        <a href="#tab2">我的书签</a>
      </li>
    </ul>

    <div class="tab-content">
      <div class="tab-pane active" id="tab1">
        <form id="bookmark_form" action="http://localhost:8080/www/bookmark/add.do" method="post" class="form-horizontal">
          <div class="control-group">
            <label class="control-label" for="siteId">链接</label>
            <div class="controls">
              <input id="link_url" name="url" type="hidden" class="input" value="" />
              <label id="link_url_display"></label>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="siteId">标题</label>
            <div class="controls">
              <input id="link_title" name="title" type="text" class="input" value="" />
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="siteId">分享</label>
            <div class="controls">
              <label class="checkbox">
                <input type="checkbox" name="scope" checked="checked"/>
                公开 </label>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="siteId">标签</label>
            <div class="controls">
              <input id="link_tags" name="tags" type="text" class="input" value="" />
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="siteId">备忘</label>
            <div class="controls">
              <textarea id="link_description" name="description" class="input"></textarea>
            </div>
          </div>
          <div style="margin:15px 0 10px 0">
            <button class="btn btn-primary" type="submit">
              保存
            </button>
            <button class="btn">
              取消
            </button>
          </div>
        </form>
      </div>
      <div class="tab-pane" id="tab2">
        ...
      </div>
    </div>

  </body>
</html>